<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- <link rel="stylesheet" href="./css/base.css"> -->
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <!-- 错误弹窗start -->
    <div class="showTip" id="showTip">
        <h2 class="error-type" id="errorType">错误提示：</h2>
        <p class="error-reason" id="errorReason">原因：</p>
        <button type="reset" class="close-button" id="closeButton">我知道了</button>
    </div>
    <!-- 错误弹窗end -->
    <div class="w">
        <!-- 顶部 -->
        <div class="top">
            <!-- logo部分 -->
            <div class="logo">
                <a href="#" target="_blank" class="logo"><img src="./images/login-logo.png" alt="京东" width="170px"
                        ;height="60px"></a>
                <b>欢迎登陆</b>
            </div>
            <!-- 登录页面调查问卷 -->
            <a href="#" class="wenjuan"><i></i>登录页面调查问卷</a>
        </div>
    </div>

    <!-- 安全提示 -->
    <div class="warn">
        <p><i></i>&nbsp;依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="#">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
    </div>
    <!-- 正文部分 -->
    <div class="content">
        <div class="w">
            <div class="login-form">
                <div class="login-attention"><i></i>&nbsp;京东不会以任何理由要求您转账汇款，谨防诈骗。</div>
                <div class="login-style">
                    <div class="login-form-top">
                        <div class="code" id="code">扫码登录</div>
                        <span>|</span>
                        <div class="account" id="account">账户登录</div>
                    </div>
                    <!-- 账号登录 -->
                    <div class="account-login" id="account-login">
                        <div class="user-info">
                            <i></i><input type="text" placeholder="邮箱/用户名/手机" name="" id="user">
                        </div>
                        <div class="user-password">
                            <i></i><input type="password" maxlength="10" placeholder="密码" name="" id="password">
                        </div>
                        <a href="#">忘记密码</a>
                        <div class="login-button" id="login">登录</div>
                        <div class="checkMessage" id="showCheckMessage"></div>
                    </div>
                    <!-- 扫码登录 -->
                    <div class="code-login" id="code-login">
                        <div class="erWeiMa">
                            <img src="./images/erweima.png" width="170px" />
                        </div>
                        <div class="lable">打开 <a href="./index.html">手机京东</a> 扫描二维码</div>
                        <div class="wz">
                            <ul>
                                <li><b class="msr"></b><em>免输入</em></li>
                                <li><b class="gk"></b><em>更快</em></li>
                                <li><b class="gaq"></b><em>更安全</em></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 其他登录方式 -->
                <div class="registered">
                    <ul>
                        <li><a href="javascrpit:void(0)"><b class="qq"></b><em>QQ</em></a></li>
                        <li class="xsx">|</li>
                        <li><a href="javascrpit:void(0)"><b class="wx"></b><em>微信</em></a></li>
                        <li><a href="registered.html"><b class="ljzc"></b><em style="color: #b61d1d;">立即注册</em></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 版权部分 -->
    <div class="w">
        <div class="footer">
            <div class="link">
                <a href="#">关于我们 </a>|
                <a href="#">联系我们 </a>|
                <a href="#">人才招聘 </a>|
                <a href="#">商家入驻 </a>|
                <a href="#">广告服务 </a>|
                <a href="index.html">手机京东 </a>|
                <a href="#">友情链接 </a>|
                <a href="#">销售联盟 </a>|
                <a href="#">京东社区 </a>|
                <a href="#">京东公益 </a>|
                <a href="#">English Site</a>
            </div>
            <div class="copyright">
                <a href="#">&copy; 2017 - 2020 http://lovebug.cn</a>
            </div>
        </div>
    </div>
    <!-- 版权结束 -->
    <!-- 注册页的js文件 -->
    <script src="./js/login.js"></script>
</body>
</html>